<template>
	<view class="nonePage flex justify-center align-center">
		<view class="content text-center p-3">
			<image :src="src"
				:style="{
					width: width == -1? '500rpx': width + 'rpx'
				}"
			></image>
			<view class="text">{{tip}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'nonePage',
		props: {
			tip: {
				type: String,
				default: "~亲，咱也没有呀！~"
			},
			src: {
				type: String,
				default: '/static/main/none.gif'
			},
			width: {
				type: Number,
				default: -1
			}
		}
	}
</script>

<style lang="scss" scoped>
.nonePage{
	.content{
		.text{
			color: #919191;
		}
	}
}	
</style>